<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<meta name="format-detection" content="telephone = no" />
		<meta name="format-detection" content="email = no" />
		<title>书架</title>
		<link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="CSS/bookShelf.css">
	</head>

	<body>
		<header class="header">
			书架
			<div class="menu">
				<a href="" class="fa fa-list fr" aria-hidden="true"></a>
			</div>
		</header>
		<div style="clear: both;"></div>
		<section>
			<ul>
				<li>
					<img src="images/jx1.gif" />
					<p>将军令</p>
				</li>
				<li>
					<img src="images/lm_04.gif" />
					<p>晴云流</p>
				</li>
				<li>
					<img src="images/jx2.gif" />
					<p>折桂令</p>
				</li>
			</ul>
			<div style="clear: both;"></div>
			<ul>
				<li>
					<img src="images/novel-2.jpg" />
					<p>沉香如屑</p>
				</li>
				<li>
					<img src="images/novel-1.png" />
					<p>风倾天下</p>
				</li>
				<li>
					<img src="images/lm-2.png" />
				</li>
			</ul>
		</section>
		<div class="clearfix"></div>
		<footer>
			<ul>
				<li>
					<img src="images/gr_30.gif"/>
					<a href="">精选</a>
				</li>
				<li>
					<img src="images/gr_32.gif"/>
					<a href="">书库</a>
				</li>
				<li>
					<img src="images/sk_33.gif"/>
					<a href="">书架</a>
				</li>
				<li>
					<img src="images/jx_31.gif"/>
					<a href="">我的</a>
				</li>
			</ul>
		</footer>
	</body>

</html>